class HelpWindow{
	constructor(w,h) {
		this.w=w,this.h=h;
	}
	createHelpWindow(){
		if(!this.helpWin){
			let [w,h]=[this.w,this.h]
			this.helpWin=new mc.Window(document.body,5,5,w,h,'帮助');
			//this.txtShow=new TextArea(this.helpWin,0,0,'').setSize(w,h-20);
			var txtEle=document.createElement('textarea');
			txtEle.setAttribute("style",`width:${w-8}px;height:${h-35}px;resize:none;border: 1px solid #ddd;outline: none;`) ;
			this.helpWin.appendChild(txtEle);
			this.txtShow=txtEle;

			new Button(this.helpWin,w-80,10,'关闭',(e)=>{this.helpWin.removeFromParent();}).setSize(50);
		}
	}
	setContent(s){
		this.createHelpWindow();
		this.helpWin.addFromParent();
		this.txtShow.value=s;
	}
	writeJsToolPanel(){
		this.createHelpWindow();
		this.helpWin.addFromParent();
		this.txtShow.value=`
1.物理引擎-使用说明 
box2d 教程 http://www.360doc.com/content/15/0216/22/9075092_449059758.shtml
moonBox2d的API
这是一个Box2dWeb的小部分集合，想要了解更多Box2dWeb请自行上网查找
全局设置
moonConfig.wall.friction=0.5;//墙属摩擦力
moonConfig.wall.restitution=0.5;//弹性系数
moonConfig.fixDef.friction=0.5;//刚体摩擦力
moonConfig.fixDef.restitution=0.5;//刚体弹性系数
moonConfig.fixDef.density=1;//刚体密度
moonConfig.mouseMaxForce=300//鼠标拖动的最大力度
moonConfig.isShowDebuger=true//是否显示debuger
mb.createBody({t1='rect',x=40,y=40,w=20,h=20,r=20,t2=2,arr})根据t1类型来创建刚体
mb.createCircle(x,y,r,t=2)//创建圆形(r是圆的半径/2)
mb.createRect(x,y,w,h,t=2)//创建方形(w是方的宽/2,h是方的高/2)
mb.createPolygon(x,y,arr,t=2)//创建多边形1,只能是正常多边形
mb.createPolygon2(x,y,n=3,r=30,a=0,t=2)//创建多边形2,n边数,r半径,a角度
mb.createPolygon3(x,y,verticesList,t=2)//创建多边形3,可以创建凹凸多边形
mb.openMouseEvent()//开启鼠标事件(开启后可以拖动刚体)
mb.addKeyboard(keyDownCb,keyUpCb)//帧听键盘事件（keyDownCb键盘按下,keyUpCb键盘弹起）
mb.destroyAll()//销毁所有刚体与关节，然后停止刷新
mb.getMi(val)//把像素转成米（Box2d中的单位）
mb.b2Vec2(x,y)//得到像素转换之后的向量
	
2.块状引擎-使用说明 
moonjs.createDisplay('rect');//创建方形，锚点在中间
moonjs.createDisplay('polygon')//创建多边形，锚点在中间，默认是三角形
moonjs.createDisplay('polygon').setPolygon(n)//创建多边形，锚点在中间，n需要大于等于3
moonjs.createDisplay('circle');//创建圆形，锚点在中间
moonjs.createDisplay('image').createImage(url);//创建图片，锚点在中间,url图片地址
moonjs.createDisplay('font').setXY(130,50).setText('hello world').setFont("30px Arial").setColor('#000')//创建文本
moonjs.createDisplay('polygon').setSides([[0,-40],[10,0],[0,40],[-10,0],[0,-40]]);//创建多边形任意形状
moonjs.createDisplay('line');//创建线条,x,y表示起点位置w,h表示结束位置
moonjs.addKeyboard(keyDownCb,keyUpCb)//帧听键盘事件（keyDownCb键盘按下,keyUpCb键盘弹起）
moonjs.start();//开始渲染
moonjs.update=()=>{
	rect.x++;
	circle.y++;
	image.x++;
}
var rt=moonjs.createDisplay('rect');
moonjs.click(rect,(o)=>{console.log(o)},2);//双击
moonjs.startDrag((o)=>{console.log(o)})//拖动
moonjs.setPauseDrag(boo)//暂停拖动
moonjs.setGapXY(x,y)//设置xy轴上的偏移量
rt.setScale(s)//设置大小比例
rt.setWH(w,h)//设置宽高
rt.setColor(c)//设置颜色
rt.setAlpha(a)//设置透明度
rt.setRadius(r)//设置半径
rt.setAngle(a)//设置角度
rt.setXY(x,y)//设置位置
rt.setZ(z)//设置z轴,值越大,显示越在上面
rt.setText(t)//设置文本内容
rt.setFont(f) //设置文本字号与字体
rt.hitPoint(x,y) //鼠标与图形碰撞检测
rt.hitTarget(target)//两个图形目标的碰撞检测

3.createJs引擎-使用说明 
API:http://www.createjs.cc/
`
	}
}